{extend name="common/base"}
{block name="title"}修改个人资料页{/block}

<body>

{block name="content"}
	<!-- sign up -->
	<div class="sign-up segments-page">
		<div class="container">
		<div class="signup-contents">
			<div class="pages-title">
				<h3>修改个人资料</h3>
			</div>
			<form action="{:url('updateUser')}" method="POST">
				<input type="text" placeholder="请输入您的新昵称" name="name">
				<input type="password" placeholder="请输入新密码" name="pwd">
				<input type="password" placeholder="请确认新密码" name="repwd">
				<input type="text" id="tell" placeholder="请输入您的手机号码" name="tell">
                <input type="text" id="code" placeholder="请输入短信验证码" name="tellcode">                
				<button class="button sendCode" id="btn_code" onclick="sendMessage()" type="button"><i class="fa fa-send"></i>获取手机验证码</button>
				<div><button class="button" type="submit"><i class="fa fa-send"></i>提交修改</button></div>
			</form>
		</div>
		</div>
	</div>
	<!-- end sign up -->
    {/block}

</body>
{block name="footjs"}
<script>  

//<button class="button" id="tellgetcode"><i class="fa fa-send"></i>获取手机验证码</button>

var InterValObj; //timer变量，控制时间 
var count = 60; //间隔函数，1秒执行 
var curCount;//当前剩余秒数 

function sendMessage() { 
	//检验手机号码是否合法
	var re = /^1\d{10}$/;           
	if(re.test($("#tell").val())){
		curCount = count; 
	　　//设置button效果，开始计时 
		$("#btn_code").attr("disabled", "true"); 
		$("#btn_code").html(curCount + "秒后可重新发送"); 
		InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次 
		//请求后台发送验证码 TODO     
		$(sendCode());
	}else{
		alert("手机格式不正确!");
	} 
} 
//timer处理函数 
function SetRemainTime() { 
		if (curCount == 0) {         
			window.clearInterval(InterValObj);//停止计时器 
			$("#btn_code").removeAttr("disabled");//启用按钮 
			$("#btn_code").html("重新发送验证码"); 
		} 
		else{ 
		curCount--; 
		$("#btn_code").html(curCount + "秒后可重新发送"); 
	} 
} 
//点击按钮发送短信验证码
function sendCode(){
	$.ajax({
		url:"{:Url('index/reg/send')}",
		type:"get",
		data:{tell:$('#tell').val()},
		dataType:"html",//数据通信的类型
		success:function(data){
		}
	});
}
//处理头像显示
function upimg(obj){
if( obj.value == "" ) {
    return;
}
var formdata = new FormData(); 
formdata.append("src" , $(obj)[0].files[0]);//获取文件法二
$.ajax({
    type : 'post',
    url : "{:Url('index/user/upimg')}",
    data : formdata,
    cache : false,
    processData : false, // 不处理发送的数据，因为data值是Formdata对象，不需要对数据做处理
    contentType : false, // 不设置Content-type请求头
    success : function(ret){
    $('#img-view-box').attr('src', ret.src);
    $('#img-value-box').val(ret.src);
    // $('#thumb-img-value-box').val(ret.thumb_src);
    },
    error : function(){ }
});
}   
</script>
{/block}
